export const NAV_DATA = [
    {
        title: '常用工具',
        items: [
            {
                icon: 'https://fanyi-cdn.cdn.bcebos.com/webStatic/translation/img/favicon/favicon-32x32.png',
                title: '百度翻译',
                desc: '翻译工具',
                link: 'https://fanyi.baidu.com/'
            },
            {
                icon: 'https://img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg',
                title: 'iconfont-阿里巴巴矢量图标库',
                desc: 'iconfont-国内功能很强大且图标内容很丰富的矢量图标库，提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造，设计和前端开发的便捷工具',
                link: 'https://www.iconfont.cn/'
            },
            {
                icon: 'https://www.mockplus.cn/favicon.ico',
                title: '慕客',
                desc: '设计 1 + 2，摹客就够了！  全能设计协作平台，产品经理用 RP，UI设计师用 DT',
                link: 'https://www.mockplus.cn/?home=1'
            },
          
            /*  {
                icon: '',
                title: '',
                desc: '',
                link: ''
            }, {
                icon: '',
                title: '',
                desc: '',
                link: ''
            }, {
                icon: '',
                title: '',
                desc: '',
                link: ''
            } */
        ]

    },
    {
        title: '效率工具',
        items: [
            {
                icon: 'https://www.typescriptlang.org/icons/icon-48x48.png?v=8944a05a8b601855de116c8a56d3b3ae',
                title: 'TypeScript 演练场',
                desc: '这是一个给你提供编写，分享和学习 TypeScript 的网站。',
                link: 'https://www.typescriptlang.org/zh/play'
            },
            {
                icon: 'https://unbug.github.io/codelf/images/codelf_logo.f4ae25bd.png',
                title: 'CODELF',
                desc: '不会命名？超级代码命名生成器！(网络不稳定)',
                link: 'https://unbug.github.io/codelf/'
            }, {
                icon: 'https://www.tutieshi.com/images/logo.png',
                title: '图贴士（原工具之家）',
                desc: '图贴士(原GIF工具之家)在线图片压缩尺寸大小和视频转gif在线制作工具，支持JPG压缩、PNG压缩、GIF压缩等免费在线图片制作工具网。',
                link: 'https://www.tutieshi.com/'
            }, {
                icon: 'https://www.bootcdn.cn/assets/ico/apple-touch-icon-144-precomposed.png?1694658481677',
                title: 'Boot CDN',
                desc: '稳定、快速、免费的前端开源项目 CDN 加速服务',
                link: 'https://www.bootcdn.cn/'
            }
            , {
                icon: 'https://devtool.tech/logo.svg',
                title: '开发者武器库',
                desc: '专业工具箱',
                link: 'https://devtool.tech/'
            }, {
                icon: 'https://caniuse.com/img/favicon-128.png',
                title: 'Can I use',
                desc: '前端API兼容性查询',
                link: 'https://caniuse.com/'
            }, {
                icon: 'https://tool.lu/favicon.ico',
                title: '在线工具',
                desc: '开发人员工具库',
                link: 'https://tool.lu/'
            },
        
        ]
    },

    {
        title: 'CSS工具库',
        items: [{
            icon: 'https://www.tailwindcss.cn/favicons/favicon-32x32.png?v=3',
            title: 'Tailwind CSS',
            desc: '只需书写 HTML 代码，无需书写 CSS，即可快速构建美观的网站。',
            link: 'https://www.tailwindcss.cn/'
        }, {
            icon: '/docs/image.png',
            title: 'CSShake',
            desc: '超级抖动库',
            link: 'https://elrumordelaluz.github.io/csshake/'
        },
        {
            icon: 'http://zhongguose.com/img/favicon.ico',
            title: '中国色, 中国传统色, 色名, 色谱, 中国色名综览',
            desc: '提供各种中国的传统颜色的名称，CMYK值，RGB值，16进制表示。',
            link: 'http://zhongguose.com/#'
        },
        {
            icon: 'https://neumorphism.io/apple-touch-icon.png',
            title: 'Neumorphism.io',
            desc: '拟物设计 Generate Soft-UI CSS code 设置块级元素的凹凸阴影大小效果',
            link: 'https://neumorphism.io/#'
        },
        {
            icon: 'https://mycolor.space/favicon5.png',
            title: 'ColorSpace',
            desc: '再也不要浪费时间去寻找完美的调色板了！只需输入一种颜色！',
            link: 'https://mycolor.space/'
        },
        {
            icon: 'https://cpwebassets.codepen.io/assets/favicon/favicon-touch-de50acbf5d634ec6791894eba4ba9cf490f709b3d742597c6fc4b734e6492a5a.png',
            title: 'CodePen',
            desc: 'CodePen是一个面向前端设计师和开发人员的社交开发环境。构建和部署一个网站，展示你的工作，构建测试用例来学习和调试，并寻找灵感。',
            link: 'https://codepen.io/'
        },
        {
            icon: 'https://glassgenerator.netlify.app/assets/images/favicon.png',
            title: 'Glass Morphism',
            desc: '模糊玻璃',
            link: 'https://glassgenerator.netlify.app/#'
        },
        {
            icon: 'https://chokcoco.github.io/CSS-Inspiration/logo2.png',
            title: 'CSS Inspiration',
            desc: '可以称之为CSS灵感,里面大部分使用css-doodle实现。 是一个基于 Web-Component 的库。允许我们快速的创建基于 CSS Grid 布局的页面，以实现各种 CSS 效果（或许可以称之为 CSS 艺术）。',
            link: 'https://chokcoco.github.io/CSS-Inspiration/#/'
        },
        {
            icon: 'https://coolbackgrounds.io/images/favicon-fe5a0ff5.png',
            title: 'Cool Backgrounds',
            desc: '艺术背景图片',
            link: 'https://coolbackgrounds.io/'
        },
        {
            icon: 'https://uiverse.io/favicon-32x32.png',
            title: 'Open-Source UI',
            desc: '超级小按钮样式！！创建、共享和使用CSS或Tailwind制作的漂亮的自定义元素。',
            link: 'https://uiverse.io/'
        },
        {
            icon: '/docs/image-1.png',
            title: '贝塞尔曲线',
            desc: '贝塞尔曲线，可以用来尝试购物车小球',
            link: 'https://cubic-bezier.com/#.17,.67,.83,.67'
        },
        {
            icon: '/docs/image-4.png',
            title: 'CSS3自定义滚动条',
            desc: '滚动条大全，查看源代码即可',
            link: 'https://www.xuanfengge.com/demo/201311/scroll/css3-scroll.html'
        },
        {
            icon: 'https://webgradients.com/favicons/apple-touch-icon-57x57.png',
            title: 'ITMEO',
            desc: '渐变背景大全,一个两个不够，还有更多！！',
            link: 'https://webgradients.com/'
        },
        {
            icon: 'https://css-loaders.com/fav.png',
            title: 'CSS Loaders',
            desc: 'Continuous CSS Loaders集合,进度条加载样式大全',
            link: 'https://css-loaders.com/'
        },
        {
            icon: 'https://shadows.brumm.af/favicon.svg',
            title: 'Make a smooth css shadow',
            desc: 'Make a smooth shadow, friend. 超级阴影样式大全 ！',
            link: 'https://shadows.brumm.af/'
        },
        {
            icon: 'https://animate.style/img/favicon.ico',
            title: 'Animate.css',
            desc: '实用的animate动画！！',
            link: 'https://animate.style/'
        },
        ]
    },
    {
        title: 'JS框架以及动画库',
        items: [
            {
                icon: 'https://fe-nav.netlify.app/icons/jquery.svg',
                title: 'Jquery Api文档',
                desc: '一个兼容多浏览器的 JavaScript 框架',
                link: 'https://jquery.cuishifeng.cn/'
            },
            {
                icon: 'https://wowjs.uk/favicon.ico',
                title: 'WoWJS',
                desc: 'wow.js, wow js, wowjs, JavaScript 浏览器动画库',
                link: 'https://www.dowebok.com/demo/131/',
            },
            {
                icon: '',
                title: 'Swiper',
                desc: '开源、免费、强大的触摸滑动插件',
                link: 'https://www.swiper.com.cn/',
            },
            {
                icon: 'http://mockjs.com/assets/img/logo-2.svg',
                title: 'Mock.js',
                desc: '生成随机数据，拦截 Ajax 请求',
                link: 'http://mockjs.com/',
            },

            /*         {
                        icon: '',
                        title: '',
                        desc: '',
                        link: ''
                    }, */
            {
                icon: 'https://gsap.com/favicon-32x32.png',
                title: 'GSAP',
                desc: '一款二维动画引擎',
                link: 'https://gsap.com/'
            }]
    },
    {
        title: 'Vue生态',
        items: [{
            icon: 'https://cn.vuejs.org/logo.svg',
            title: 'Vue 3',
            desc: '渐进式JavaScript 框架易学易用，性能出色，适用场景丰富的 Web 前端框架。',
            link: 'https://cn.vuejs.org/',
        }, {
            icon: 'https://cn.vuejs.org/logo.svg',
            title: 'Vue 2',
            desc: ' Vue 2 已经终止支持且不再维护。',
            link: 'https://v2.cn.vuejs.org/',
        }, {
            icon: 'https://cn.vuejs.org/logo.svg',
            title: 'Vue Router',
            desc: 'Vue Router。Vue.js 的官方路由,为 Vue.js 提供富有表现力、可配置的、方便的路由。',
            link: 'https://router.vuejs.org/zh/',
        }, {
            icon: 'https://pinia.web3doc.top/logo.svg',
            title: 'Pinia',
            desc: 'Pinia 中文文档，您将喜欢使用的 Vue 存储库。',
            link: 'https://pinia.web3doc.top/',
        }, {
            icon: 'https://nuxt.com/icon.png',
            title: 'Nuxt.js',
            desc: '一个基于 Vue.js 的通用应用框架。',
            link: 'https://www.nuxtjs.cn/',
        }, {
            icon: 'https://vueuse.org/favicon-32x32.png',
            title: 'VueUse',
            desc: 'Vue Composition API 的常用工具集',
            link: 'https://vueuse.org/',
        }, {
            icon: 'https://element-plus.gitee.io/images/element-plus-logo-small.svg',
            title: 'Element-Plus',
            desc: '基于 Vue 3，面向设计师和开发者的组件库',
            link: 'https://element-plus.gitee.io/zh-CN/',
        }
            , {
            icon: 'https://fastly.jsdelivr.net/npm/@vant/assets/logo.png',
            title: 'Vant 4',
            desc: '轻量、可定制的移动端 Vue 组件库',
            link: 'https://vant-ui.github.io/vant/#/zh-CN/',
        },
         {
            icon: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/icon.png?v=1556263038788',
            title: 'UniApp',
            desc: 'uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。',
            link: 'https://uniapp.dcloud.net.cn/',
        },
        {
            icon: 'https://uiadmin.net/uview-plus/common/logo.png',
            title: 'uview-plus',
            desc: 'uview-plus为采用MIT (opens new window)许可证的开源项目，uview-plus是基于uView2.x修改发布的，感谢uView2.x，使用完全免费。',
            link: 'https://uiadmin.net/uview-plus/components/intro.html',
        },
        {
            icon: 'https://www.uviewui.com/common/logo.png',
            title: 'uView',
            desc: 'uView UI，是全面兼容nvue的uni-app生态框架，全面的组件和便捷的工具会让您信手拈来，如鱼得水',
            link: 'https://www.uviewui.com/',
        },
        {
            icon: 'https://wujie-micro.github.io/doc/favicon.ico',
            title: '无界',
            desc: '无界微前端方案基于 WebComponent 容器 + iframe 沙箱 能够完善的解决适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite 框架支持、应用共享等',
            link: 'https://wujie-micro.github.io/doc/',
        }, 
        {
            icon: 'https://wujie-micro.github.io/doc/favicon.ico',
            title: '无界',
            desc: '无界微前端方案基于 WebComponent 容器 + iframe 沙箱 能够完善的解决适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite 框架支持、应用共享等',
            link: 'https://wujie-micro.github.io/doc/',
        },
        {
            icon: 'https://www.axios-http.cn/img/favicon.ico',
            title: 'Axios',
            desc: 'Axios 是一个基于 promise 网络请求库，作用于node.js 和浏览器中。 它是 isomorphic 的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生 node.js http 模块, 而在客户端 (浏览端) 则使用 XMLHttpRequests。',
            link: 'https://www.axios-http.cn/',
        },
        
        ]
    },
    {
        title: 'WebGL or 动画引擎',
        items: [{
            icon: '/docs/icon/three.ico',
            title: 'Three.JS',
            desc: 'Three.js – JavaScript 3D Library。浏览器端3D引擎超级大库。',
            link: 'https://threejs.org/',
        }, {
            icon: 'https://www.mixamo.com/favicon.ico',
            title: 'mixamo',
            desc: '人物行为动作库',
            link: 'https://www.mixamo.com/#/',
        },
        {

            icon: '/docs/bitbug_favicon.ico',
            title: 'HDRI-to-CubeMap',
            desc: '立方体拆切图工具',
            link: 'https://matheowis.github.io/HDRI-to-CubeMap/',
        },
        {

            icon: '/docs/icon/sketchfab.png',
            title: 'sketchfab',
            desc: '3D模型库',
            link: 'https://sketchfab.com/',
        },
        {
            icon: '/docs/icon/gsap.png',
            title: 'GSAP',
            desc: 'GSAP是GreenSock的一个行业标准JavaScript动画库，可以让您制作在每个主要浏览器中都能工作的高性能动画。',
            link: 'https://gsap.com/',
        },
        {
            icon: 'https://www.cocos.com/_nuxt/img/logo.b924db5.png',
            title: 'Cocos',
            desc: 'Cocos是全球领先的3D引擎，拥有强大的跨平台开发能力，同时具备易上手、轻量化、开源、免费、高性能等优势，标准的可视化工作流适用于游戏、智能座舱、XR、虚拟角色、教育等多个领域',
            link: 'https://www.cocos.com/',
        },
        {
            icon: 'https://polyhaven.com/Logo%20256.png',
            title: 'Poly Haven',
            desc: '环境场景以及纹理贴图',
            link: 'https://polyhaven.com/hdris',
        }
        ]
    },
    {
        title: '地理空间数据可视化',
        items: [
            {
                icon: 'https://echarts.apache.org/zh/images/favicon.png?_v_=20240226',
                title: 'Apache ECharts',
                desc: '一个基于 JavaScript 的开源可视化图表库',
                link: 'https://echarts.apache.org/zh/index.html',
            }
            , {
                icon: 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*7svFR6wkPMoAAAAAAAAAAAAADmJ7AQ/original',
                title: 'L7·蚂蚁地理空间数据可视化',
                desc: '蚂蚁集团 AntV 数据可视化团队推出的基于 WebGL 的开源大规模地理空间数据可视分析引擎。',
                link: 'https://l7.antv.antgroup.com/',
            },
            {
                icon: 'https://datav-vue3.jiaminghi.com/favicon.ico',
                title: 'DataV',
                desc: 'Vue 大屏数据展示组件库',
                link: 'https://datav-vue3.jiaminghi.com/',
            },

        ],
    },


]



/*  */